﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Join.aspx.cs" Inherits="FrenzDenWebSite.FormJoin" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>FrenzDen.com</title>
    <meta name="keywords" content="business theme, biz, blue, free css template, web design, 2-column" />
    <meta name="description" content="Business Theme is a free CSS template from templatemo.com" />
    <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
        function clearText(field) {
            if (field.defaultValue == field.value) field.value = '';
            else if (field.value == '') field.value = field.defaultValue;
        }
    </script>
    <link href="css/south-street/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div id="templatemo_wrapper" style="width: 100%">
        <table style="width: 100%">
            <tr>
                <td style="width: 20%;">
                </td>
                <td style="width: 80%; text-align: left;">
                    <img src="images/Logo.png" alt="logo" />
                </td>
            </tr>
        </table>
    </div>
    <div style="width: 100%;">
        <table style="width: 100%;">
            <tr>
                <td style="width: 20%;">
                </td>
                <td style="width: 80%">
                    <table style="width: 100%; height: 700px; background-image: url('images/homebg.jpg');
                        background-repeat: no-repeat;" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="width: 30%; height: 30%; vertical-align: bottom;">
                            </td>
                            <td style="width: 10%; height: 30%; vertical-align: bottom;">
                                &nbsp;
                            </td>
                            <td style="vertical-align: bottom; width: 60%; height: 30%;">
                                <asp:UpdatePanel ID="pnlUpdate" runat="server" UpdateMode="Always">
                                    <ContentTemplate>
                                        <div id="msgboxpanel" runat="server">
                                        </div>
                                        <fieldset class="ui-corner-all" style="background-color: White; border: 1px slid black;
                                            padding: 10px; width: 250px;">
                                            <h6>
                                                Join now - It's free</h6>
                                            <hr />
                                            <span class="labelcls">Full Name:</span><br />
                                            <asp:TextBox ID="txtName" Width="200px" CssClass="txtcls ui-widget-content ui-corner-all"
                                                runat="server"></asp:TextBox><br />
                                            <br />
                                            <span class="labelcls">Email:</span><br />
                                            <asp:TextBox ID="txtEmail" Width="200px" CssClass="txtcls ui-widget-content ui-corner-all"
                                                runat="server"></asp:TextBox><br />
                                            <br />
                                            <span class="labelcls">Password:</span><br />
                                            <asp:TextBox ID="txtPassword" TextMode="Password" Width="200px" CssClass="txtcls ui-widget-content ui-corner-all"
                                                runat="server"></asp:TextBox>
                                            <br />
                                            <br />
                                            <span class="labelcls">Verify Password:</span><br />
                                            <asp:TextBox ID="txtPassword1" TextMode="Password" Width="200px" CssClass="txtcls ui-widget-content ui-corner-all"
                                                runat="server"></asp:TextBox>
                                            <br />
                                            <br />
                                            <span class="labelcls">Gender:</span><br />
                                            <asp:DropDownList ID="ddlGender" runat="server" Width="210px" CssClass="ddlcls ui-widget-content ui-corner-all">
                                                <asp:ListItem></asp:ListItem>
                                                <asp:ListItem Text="Male" Value="Male"></asp:ListItem>
                                                <asp:ListItem Text="Female" Value="Female"></asp:ListItem>
                                            </asp:DropDownList>
                                            <br />
                                            <br />
                                            <span class="labelcls">Birthday:</span><br />
                                            <asp:DropDownList ID="ddlMonth" CssClass="ddlcls ui-widget-content ui-corner-all"
                                                runat="server">
                                                <asp:ListItem></asp:ListItem>
                                                <asp:ListItem>Jan</asp:ListItem>
                                                <asp:ListItem>Feb</asp:ListItem>
                                                <asp:ListItem>Mar</asp:ListItem>
                                                <asp:ListItem>Apr</asp:ListItem>
                                                <asp:ListItem>May</asp:ListItem>
                                                <asp:ListItem>Jun</asp:ListItem>
                                                <asp:ListItem>Jul</asp:ListItem>
                                                <asp:ListItem>Aug</asp:ListItem>
                                                <asp:ListItem Value="Sep">Sept</asp:ListItem>
                                                <asp:ListItem>Oct</asp:ListItem>
                                                <asp:ListItem>Nov</asp:ListItem>
                                                <asp:ListItem>Dec</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlDate" CssClass="ddlcls ui-widget-content ui-corner-all"
                                                runat="server">
                                                <asp:ListItem></asp:ListItem>
                                                <asp:ListItem>1</asp:ListItem>
                                                <asp:ListItem>2</asp:ListItem>
                                                <asp:ListItem>3</asp:ListItem>
                                                <asp:ListItem>4</asp:ListItem>
                                                <asp:ListItem>5</asp:ListItem>
                                                <asp:ListItem>6</asp:ListItem>
                                                <asp:ListItem>7</asp:ListItem>
                                                <asp:ListItem>8</asp:ListItem>
                                                <asp:ListItem>9</asp:ListItem>
                                                <asp:ListItem>10</asp:ListItem>
                                                <asp:ListItem>11</asp:ListItem>
                                                <asp:ListItem>12</asp:ListItem>
                                                <asp:ListItem>13</asp:ListItem>
                                                <asp:ListItem>14</asp:ListItem>
                                                <asp:ListItem>15</asp:ListItem>
                                                <asp:ListItem>16</asp:ListItem>
                                                <asp:ListItem>17</asp:ListItem>
                                                <asp:ListItem>18</asp:ListItem>
                                                <asp:ListItem>19</asp:ListItem>
                                                <asp:ListItem>20</asp:ListItem>
                                                <asp:ListItem>12</asp:ListItem>
                                                <asp:ListItem>22</asp:ListItem>
                                                <asp:ListItem>23</asp:ListItem>
                                                <asp:ListItem>24</asp:ListItem>
                                                <asp:ListItem>25</asp:ListItem>
                                                <asp:ListItem>26</asp:ListItem>
                                                <asp:ListItem>27</asp:ListItem>
                                                <asp:ListItem>28</asp:ListItem>
                                                <asp:ListItem>29</asp:ListItem>
                                                <asp:ListItem>30</asp:ListItem>
                                                <asp:ListItem>31</asp:ListItem>
                                            </asp:DropDownList>
                                            <asp:DropDownList ID="ddlYear" CssClass="ddlcls ui-widget-content ui-corner-all"
                                                runat="server">
                                                <asp:ListItem></asp:ListItem>
                                            </asp:DropDownList>
                                            <br />
                                            <br />
                                            <asp:Button ID="btnJoin" runat="server" Text="Sign-Up" CssClass="btncls" OnClick="btnJoin_Click" />
                                            <asp:RequiredFieldValidator ID="rfvName" runat="server" ControlToValidate="txtName"
                                                Display="None" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                            <asp:ValidatorCalloutExtender ID="rfvName_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="rfvName">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:RequiredFieldValidator ID="rfvEmail" runat="server" ControlToValidate="txtEmail"
                                                Display="None" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                            <asp:ValidatorCalloutExtender ID="rfvEmail_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="rfvEmail">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:RegularExpressionValidator ID="revEmail" runat="server" ControlToValidate="txtEmail"
                                                Display="None" ErrorMessage="Invalid email" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                            <asp:ValidatorCalloutExtender ID="revEmail_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="revEmail">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassword"
                                                Display="None" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                            <asp:ValidatorCalloutExtender ID="rfvPassword_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="rfvPassword">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:RequiredFieldValidator ID="rfvPassword1" runat="server" ControlToValidate="txtPassword1"
                                                Display="None" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                            <asp:ValidatorCalloutExtender ID="rfvPassword1_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="rfvPassword1">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:CompareValidator ID="cvPassword" runat="server" ControlToCompare="txtPassword"
                                                ControlToValidate="txtPassword1" Display="None" ErrorMessage="Password mismatch"></asp:CompareValidator>
                                            <asp:ValidatorCalloutExtender ID="cvPassword_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="cvPassword">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:RequiredFieldValidator ID="rfvGender" runat="server" ControlToValidate="ddlGender"
                                                Display="None" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                            <asp:ValidatorCalloutExtender ID="rfvGender_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="rfvGender">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:RequiredFieldValidator ID="rfvMonth" runat="server" ControlToValidate="ddlMonth"
                                                Display="None" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                            <asp:ValidatorCalloutExtender ID="rfvMonth_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="rfvMonth">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:RequiredFieldValidator ID="rfvDate" runat="server" ControlToValidate="ddlDate"
                                                Display="None" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                            <asp:ValidatorCalloutExtender ID="rfvDate_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="rfvDate">
                                            </asp:ValidatorCalloutExtender>
                                            <asp:RequiredFieldValidator ID="rfvYear" runat="server" ControlToValidate="ddlYear"
                                                Display="None" ErrorMessage="Required"></asp:RequiredFieldValidator>
                                            <asp:ValidatorCalloutExtender ID="rfvYear_ValidatorCalloutExtender" runat="server"
                                                Enabled="True" TargetControlID="rfvYear">
                                            </asp:ValidatorCalloutExtender>
                                        </fieldset>
                                        </td> </tr>
                                        <tr>
                                            <td style="width: 30%; height: 70%;">
                                            </td>
                                            <td style="width: 10%; height: 70%;">
                                                &nbsp;
                                            </td>
                                            <td style="vertical-align: top; width: 60%; height: 70%;">
                                            </td>
                                        </tr>
                                        </table>
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                                <asp:UpdateProgress ID="pnlProgress" runat="server" AssociatedUpdatePanelID="pnlUpdate">
                                    <ProgressTemplate>
                                        <div style="position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; background-color: #000000;
                                            filter: alpha(opacity=55); -moz-opacity: .55; opacity: .55; z-index: 50;" id="pagedimmer">
                                            &nbsp;</div>
                                        <div style="position: fixed; background-color: #888888; border: 1px solid #999999;
                                            z-index: 50; left: 50%; right: 50%; top: 50%; width: 25px;" id="msgbox">
                                            <div>
                                                <img src="ajax-loader.gif" alt="loading" />
                                            </div>
                                        </div>
                                    </ProgressTemplate>
                                </asp:UpdateProgress>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <div id="templatemo_footer_wrapper">
        <div id="templatemo_footer">
            Copyright © 2011 <a href="#">frenzden.com</a>
        </div>
        <!-- end of templatemo_footer -->
    </div>
    </form>
</body>
</html>
